<style>
    textarea{
        resize: none;
    }
    .shopperinfo .row + .row{
        margin: 0;

    }
    .shopperinfo-item{
        position: relative;
        background-color: #ffffff;
        padding: 0 15px;
        border-bottom: 1px solid #f0eff5;
        height: 45px;

        line-height: 45px;
    }
    .shopperinfo-item>div{
        width: 100px;
    }
    .shopperinfo-item>input{
        border: 0;
        width: 100%;
        height: 39px;
        margin-top: 2px;
    }
    .shopperinfo-item>textarea{
        width: 100%;
        padding-top: 10px;
        height: 99px;

    }
    .shopperinfo .shopperinfo-item.mb{
        margin-bottom: 10px;
    }
    .shopperinfo-item.textarea{
        height: 146px;
    }
    .shopperinfo-btn{
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #fc353a;
        color: #fff;
        height: 44px;
        text-align: center;
        line-height: 44px;
    }



</style>
<ion-view class="page-view">
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title"> 店铺管理</div>
        <button class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-click="comitdata()">完成</button>
    </ion-header-bar>
            <ion-content class="shopperinfo">
                <div class="">
            <div class="">
                <div style="font-size: 12px;padding: 5px 10px;color: #919191;">店主信息</div>
                <div class="" style="height: 80px;position: relative;" ui-sref="shopPictures">
                    <a class="item item-icon-left item-icon-right" style="font-size: 14px;padding-right: 40px; padding-left: 14px;height: 80px;border: none; margin:0;   line-height: 47px;border-bottom: 1px solid #f0eff5;">
                        店招
                        <span class="item-note"></span>
                        <i  class="icon myself-index-icon" style="background-image: url(img/icon/myindex/right.png);"></i>
                    </a>
                    <div class="personal-photo" ng-if="ISWEB" style="border-radius: 0;width: 64px; height: 64px;">
                        <!--<img width="100%" ng-show="userImage && !cardAddress" ng-src="{{(userImage.indexOf('http:') >= 0) ? userImage : (requrl + userImage)}}">-->
                        <img ng-if="data.shopBackground" ng-src="{{data.shopBackground | getUserHeadImg}}?x-oss-process=image/resize,w_750" style="width: 100%;height:100%;">
                        <img ng-if="!data.shopBackground" src="img/shophome/shophome_bg.jpg" style="width: 100%;height:100%;">
                    </div>
                    <div class="personal-photo" ng-if="!ISWEB" style="border-radius: 0;width: 64px;height: 64px;">
                        <!--<img width="100%" ng-show="userImage && !cardAddress" ng-src="{{(userImage.indexOf('http:') >= 0) ? userImage : (requrl + userImage)}}">-->
                        <img ng-if="data.shopBackground" ng-src="{{data.shopBackground | getUserHeadImg}}?x-oss-process=image/resize,w_750" style="width: 100%;height: 100%;">
                        <img ng-if="!data.shopBackground" src="img/commimg/shopPro_beijing.jpg" style="width: 100%;height: 100%;">
                    </div>
                </div>
                <div class="" style="height: 70px;position: relative;" ng-click="cropPhotoCompanyLog()">
                    <a class="item item-icon-left item-icon-right" style="font-size: 14px;margin:0;padding-right: 40px; padding-left: 14px;height: 70px; border:none; line-height: 35px;">
                        头像
                        <span class="item-note"></span>
                        <i class="icon myself-index-icon" style="background-image: url(img/icon/myindex/right.png);"></i>
                    </a>
                    <div class="personal-photo" ng-if="ISWEB">
                        <!--<img width="100%" ng-show="userImage && !cardAddress" ng-src="{{(userImage.indexOf('http:') >= 0) ? userImage : (requrl + userImage)}}">-->
                        <img   ng-src="{{ data.userHeadImg | getUserHeadImg}}?x-oss-process=image/resize,w_750" width="50px" height="50px">
                    </div>
                    <div class="personal-photo" ng-if="!ISWEB">
                        <!--<img width="100%" ng-show="userImage && !cardAddress" ng-src="{{(userImage.indexOf('http:') >= 0) ? userImage : (requrl + userImage)}}">-->
                        <img   ng-src="{{data.userHeadImg | getUserHeadImg}}?x-oss-process=image/resize,w_750" width="50px" height="50px">
                    </div>
                </div>

                <div class="list">
                    <div class="shopperinfo-item row">
                        <div>姓名</div>
                        <input placeholder="请输入" maxlength="5" ng-model="data.userName">
                    </div>
                    <div class="shopperinfo-item row">
                        <div>微信号</div>
                        <input placeholder="请输入" maxlength="20" ng-model="data.userWechatNo">
                    </div>
                    <div style="font-size: 12px;padding: 0px 10px 10px ;color: #919191;">添加后，客户可以在聊天界面看见你的微信号，主动添加你为微信好友</div>
                    <div class="shopperinfo-item row">
                        <div>熟悉领域</div>
                        <input placeholder="请输入" maxlength="20" ng-model="data.familiarFiel">
                    </div>
                    <div class="shopperinfo-item row">
                        <div>从业年限</div>
                        <input placeholder="请输入" maxlength="20" ng-model="data.workingLife">
                    </div>
                    <div class="shopperinfo-item row">
                        <div>兴趣爱好</div>
                        <input placeholder="请输入" maxlength="20" ng-model="data.hobbiesAndInterests">
                    </div>
                    <div class="shopperinfo-item  textarea " style="border-bottom: 0">
                        <div>个性签名</div>
                        <textarea rows="15" placeholder="请输入" maxlength="30" ng-model="data.personalizedSignature"></textarea>

                    </div>
                    <div class="shopperinfo-info  text-right">{{30-data.personalizedSignature.length}}</div>
                    <div style="font-size: 12px;padding: 5px 10px;color: #919191;">在职机构信息</div>
                    <!--<div class="shopperinfo-item weui-flex" style="border-bottom: 1px solid #f0eff5;margin-bottom:1px;">-->
                        <!--<div>公司</div>-->
                        <!--<p class="weui-flex__item" style="margin: 0;">公司名称</p>-->
                        <!--<label class="toggle toggle-energized" style="margin-top: 2px;">-->
                            <!--<input type="checkbox" ng-model="data.companyNameSwith" ng-checked="data.companyNameSwith=='1'" ng-false-value="0" ng-true-value="1">-->
                            <!--<div class="track">-->
                                <!--<div class="handle"></div>-->
                            <!--</div>-->
                        <!--</label>-->
                    <!--</div>-->
                    <div class="shopperinfo-item  row">
                        <div>在职机构</div>
                        <input placeholder="请输入" ng-model="data.companyName">
                    </div>
                    <div class="" style="height: 70px;position: relative">
                        <a class="item item-icon-left item-icon-right" style="font-size:14px;padding-right: 40px; padding-left: 14px;height: 70px;border: none;    line-height: 35px;border-bottom: 1px solid #f0eff5;margin-top:0;">
                            机构logo

                            <span class="item-note"></span>
                            <i class="icon myself-index-icon" style="background-image: url(img/icon/myindex/right.png);"></i>
                        </a>

                        <div class="personal-photo" style="border-radius: 0;width: 70px;height: 40px;top: 16px;">
                            <!--<img width="100%" ng-show="userImage && !cardAddress" ng-src="{{(userImage.indexOf('http:') >= 0) ? userImage : (requrl + userImage)}}">-->
                            <img   ng-src="{{requrl + data.companyLog}}?x-oss-process=image/resize,w_750" style="border-radius: 0;width: 100%;height: 100%;">
                        </div>
                        <input type="file" style="    position: absolute;
                        right: 0;
                        width: 100%;top: 0;
                        height: 60px;z-index: 999;opacity: 0;"  id="up-img-shopperinfo"/>
                    </div>
                    <div class="shopperinfo-item  row">
                        <div>职务</div>
                        <input placeholder="请输入" ng-model="data.companyPostion">
                    </div>
                    <!--<div class="shopperinfo-item weui-flex">-->
                        <!--<div>在职机构职务</div>-->
                        <!--<p class="weui-flex__item">公司职务</p>-->
                        <!--<input placeholder="请输入" maxlength="20" ng-model="data.companyPostion">-->
                        <!--<label class="toggle toggle-balanced" style="margin-top: 2px;">-->
                            <!--<input type="checkbox" ng-model="data.companyPostionSwith" ng-false-value="'0'" ng-true-value="'1'">-->
                            <!--<div class="track">-->
                                <!--<div class="handle"></div>-->
                            <!--</div>-->
                        <!--</label>-->
                    <!--</div>-->





                    <div style="font-size: 12px;padding: 5px 10px;color: #919191;">店铺分享设置</div>
                    <div class="shopperinfo-item row" style="height: 50px">
                        <div>分享名称</div>
                        <textarea style="height: 49px;" cols="2" placeholder="请输入，最多支持28个字" maxlength="28" ng-model="data.shopperName"></textarea>
                    </div>

                    <div class="shopperinfo-item textarea ">
                        <div>分享说明</div>
                        <textarea placeholder="请输入，最多支持42个字（eg.想找好的产品，想看独到的见解就来我的店铺吧）" maxlength="42" ng-model="data.shopperDesc"></textarea>
                    </div>
                    <div class="shopperinfo-info  text-right">{{42-data.shopperDesc.length}}</div>
                    <div style="font-size: 12px;padding: 0px 10px 10px;color: #919191;">店铺分享后的图片将默认取店主的头像，分享标题和分享描述为空的情况下将显示默认文案</div>
                </div>

            </div>

        </div>
    </ion-content>
    <!--<div class="shopperinfo-btn" ng-click="comitdata()">保存资料</div>-->
    <div ng-show="updataFile.isShowLoading">
        <div class="backdrop visible backdrop-loading active"></div>
        <div class="loading-container visible active" style="color: #fff;">
            上传中...{{updataFile.percent | number:2}}%
        </div>
    </div>
</ion-view>
